<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>练习网页</title>
</head>
<style>
    div{
        margin: auto;
    }
</style>

<body>
<div align="center">
    <h1>夜雨寄北</h1>
<!--    mark 高亮处理 -->
    <p><mark>李商隐</mark></p>
    <hr align="center" size="5" color="red" width="1000">
    <p><font face = '楷体' size = '5' color="aqua">君问归期未有期，<br>巴山夜雨涨秋池。 <br>何当共剪西窗烛，<br>却话巴山夜雨时。</font></p>
    <strong>加粗</strong>
    <b>加粗</b>
    <u>下划线</u>
    <ins>下划线</ins>
    <i>倾斜</i>
    <em>倾斜</em>
    <s>删除线</s>
    <del>删除线</del>
    <br>
<!--  src是图片路径  alt是替换文本 当图片不显示的时候显示的文字  title当用户鼠标悬停的时候显示的文字  width图片宽度  height图片高度-->
<!--  border图片边框 vspace图片顶部和底部的空白（垂直边距） hspace图片左侧和右侧的空白（水平边距）-->
    <img src="images/timg.jpg" alt="皮卡丘" title="pikaco" width="200" border="2" vspace="50">
    <p>尽管命运跟我们开了玩笑，尽管现实无法改变，我拥抱这命运，<接受></接受>这现实，并仍旧喜欢着你。</p>
    <cite>----宫崎骏</cite>
    <p>今年的<time datetime="2022-09-03" >十一</time>我们准备去玩了！</p>
    <time datetime="2022-08-30" pubdate = "pubdate">
        本消息发布于2022年8月30日
    </time>
<!--    ×代码&times; ÷代码&divide; 平方2（上标2）代码&sup2; 立方3（上标3）代码&sup3; ＞代码&lt; ＜代码&gt; &代码&amp; ￥代码&yen;-->
    <p>4&times;2=8 &lt; 9 </p>
    <p>20&divide;2=10 &gt; 5</p>
</div>
</body>
</html>